const PageFooter = {
    template: `
		 <van-tabbar v-model="active" @change="handleChange">
        <van-tabbar-item icon="wap-home-o" name="index">首页</van-tabbar-item>
        <van-tabbar-item badge="3" icon="comment-o" name="list">通知</van-tabbar-item>
        <van-tabbar-item icon="records" name="form">表单</van-tabbar-item>
        <van-tabbar-item icon="user-o" name="mine">我的</van-tabbar-item>
        </van-tabbar>
	`,
    data: function () {
        return {
            active: ''
        }
    },
    mounted() {
        this.active= location.hash.slice(1) || ''
    },
    methods: {
        handleChange: (name) => {
            // console.log(name)
            location.href = `./${name}.html#${name}`
        }
    }
}

const PageHeader = {
    template: `<van-nav-bar v-bind="$attrs"> </van-nav-bar>`,
    data: function () {
        return {}
    }
}

